<%@ page language="java" contentType="text/html; charset= utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Thêm sản phẩm</title>
<link href="../CSS/Them.css" rel="stylesheet" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>
<div id="mainWap">
<form action="" class="container-fluid">
	<div class="contentHeader row-fluid" align="center">
			<h1 align="center" class="span8">THÊM SẢN PHẨM MỚI</h1>
			<span class="pull-right">
				<button class="btn btn-success" type="submit"><strong>Save</strong></button>
				<a class="cancelLink" type="reset" onclick="javascript:window.history.back();">Cancel</a>
			</span>
	</div>
	
	<div class="profilePicThumb">
	<img alt="" class="profilePic img" src="../image/">
	<input type="file" name="hinhsp"style="height: 34px; width: 158px">
	</div>
	
	<table class="table table-bordered">
		<thead>
			<tr><th align="left" colspan="4" class="muted">Thông tin chi tiết</th></tr>
		</thead>
		<tbody>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Model</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="model"><label style="color: red;" >(*)</label></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Màu sắc sản phẩm</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="mausac"></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Kích cở size</label></td>
			<td class="fieldValue medium">
				<select name="size" class="select">
				<b></b>
									<option>--Chọn--</option>
					                <option>S</option>
					                <option>L</option>
					                <option>M</option>
					                <option>XL</option>
				</select>
			</td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Chất liệu vải</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="chatlieu" ></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Đơn giá sản phẩm</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="dongia"></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Nước sản xuất(xuất xứ)</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="sanxuat"></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Trạng thái</label></td>
			<td class="fieldValue medium"><select name="trangthai" class="select">
					                <option>Có hàng</option>
					                <option>Hàng Chưa về</option>
					             </select></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Chất liệu vải</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="chatlieu" ></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Độ dài ngang vai(cm)</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="ngangvai" ></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Độ dài vòng ngực(cm)</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="vongnguc"></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Độ dài vòng eo(cm)</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="vongeo"></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Độ dài vòng mông(cm)</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="vongmong"></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Chiều dài áo(cm)</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="chieudaiao" ></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Số đo cân nặng có thể mặc(kg)</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="cannang"></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Trọng lượng áo</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="trongluong" ></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Ngày nhập hàng</label></td>
			<td class="fieldValue medium"><input type="text" class="input-large" name="ngaynhap" id="datepicker" ></td>
			</tr>
			<tr>
			<td class="fieldLabel medium"><label class="muted pull-right">Mô tả</label></td>
			<td class="fieldValue medium"><textarea rows="1" cols="1" style="width: 300px; height: 200px;"></textarea></td>
			</tr>
		</tbody>
	</table>
	<div class="contentHeader row-fluid">
			<span class="pull-right">
				<button class="btn btn-success" type="submit"><strong>Save</strong></button>
				<a class="cancelLink" type="reset" onclick="javascript:window.history.back();">Cancel</a>
			</span>
		</div>
</form>
</div>
</body>
</html>